<!DOCTYPE html>
<?php include ("bloqueDeSeguridad.php"); ?>
<html>
    <head>
        <?php include 'plantilles/plantillacap.php'; ?>
        <?php include 'headespec/projecteH.php'; ?>

    </head>
    <body>
        <?php include 'plantilles/plantilla.php'; ?>
        <?php include 'plantilles/plantillac1.php'; ?>
        <h3  class="h3">Projectes<input id="afegir" type="submit" class="planButton" value="Afegir"/></h3>
        <p>
            <label class="planformL">
                Cerca
            </label>
        </p>
        <p>
            <input type="radio" id="cercaDescripcio1" name="cercaDescripcio" checked="checked" />
            <label for="cercaDescripcio1">Descripció</label>
            <input type="radio" id="cercaDescripcio2" name="cercaDescripcio" />
            <label for="cercaDescripcio2">Responsable</label>
        </p>
        <p>
            <input id="sear" name="sear" type="text" class="searchR">
            <img src="images/icones/search.png" class="imageList"  alt="Cerca" height="30" width="30" />
        </p>
        <ul class="enl">
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    ASIX 1 M02 Bases de Dades
                </a>
            </li>
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    ASIX 1 M03 Programació Bàsica
                </a>
            </li>
            <li>
                <a target="_BLANK"  href="http://www.puntsoft.com">
                    ASIX 2 M08 Serveis de xarxa i Internet 
                </a>
            </li>
        </ul>
        <?php include 'plantilles/plantillac1p.php'; ?>
        <?php include 'plantilles/plantillac3.php'; ?>
        <h3 class="h3">Detalls del projecte</h3>
        <a target="_BLANK"  href="http://www.puntsoft.com">
            ASIX 1 M03 Programació Bàsica
        </a>
        <ul class="tabs">
            <li><a href="#tab1" onclick="$('.c3tab').hide();$('#c3tab1').show()">Dades</a></li>
            <li><a href="#tab2" onclick="$('.c3tab').hide();$('#c3tab2').show()">Tasques</a></li>
            <li><a href="#tab3" onclick="$('.c3tab').hide();$('#c3tab3').show()">Participants</a></li>
        </ul>

        <div class="tab_container">
            <div id="tab1" class="tab_content">
                <form class="formespai" >
                    <p>
                        <label class="planformL">
                            Codi
                        </label>
                    </p>
                    <p>
                        <label class="planformO">
                            1
                        </label>
                    </p>
                    <p>
                        <label class="planformL">
                            Organització
                        </label>
                    </p>
                    <p>
                        <label class="planformO">
                            Llobregat
                        </label>
                    </p>
                    <p>
                        <label class="planformL">
                            Descripció
                        </label>
                    </p>
                    <p>
                        <input id="descripcioProjecte" name="descripcioProjecte" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformL">
                            Data Inici
                        </label>
                    </p>
                    <p>
                        <input type="text" id="dataInici" name="dataInici" class="planformDate">
                    </p>
                    <p>
                        <label class="planformL">
                            Responsable
                        </label>
                    </p>
                    <p>
                        <select name="responsable" id="responsable" class="planformSelect">
                            <option value="0">Salvador Iniesta</option>
                            <option value="5">Josep Meiràs</option>
                            <option value="7">Eva Sinclair</option>
                        </select> 
                    </p>
                    <p>
                        <label class="planformL">
                            Calendari
                        </label>
                    </p>
                    <p>
                        <select name="calendari" id="calendari" class="planformSelect">
                            <option value="0">ASIX 1 M02 Bases de Dades</option>
                            <option value="5">Cal ASIX 1 M03 Programació Bàsica</option>
                            <option value="7">Cal ASIX 2 M08 Serveis de xarxa i Internet</option>
                        </select> 
                    </p>
                    <p>
                        <label class="planformL">
                            Durada de tasca per defecte (minuts)
                        </label>
                    </p>
                    <p>
                        <input id="duradaDefecteTasca" name="duradaDefecteTasca" class="planformI" type="text">
                    </p>
                </form>
            </div>
            <div id="tab2" class="tab_content">
                <p>
                    <input type="radio" id="cercaDescripcio1" name="cercaDescripcio" checked="checked" />
                    <label for="cercaDescripcio1">Cerca per títol</label>
                    <input type="radio" id="cercaDescripcio2" name="cercaDescripcio" />
                    <label for="cercaDescripcio2">Cerca per responsable</label>
                </p>
                <p>
                    <input id="searT" name="searT" type="text" class="searchR">
                    <img src="images/icones/search.png" class="imageList"  alt="Cerca" height="30" width="30" />
                    <input id="afegirT" type="submit" class="planButtonL" value="Afegir"/>
                    <input id="reordenarT" type="submit" class="planButtonL" value="Desa la nova ordenació"/>
                </p>
                <table id="sort">
                    <thead>
                        <tr>
                            <th>Seq</th>
                            <th>Títol</th>
                            <th>Responsable</th>
                            <th>Minuts</th>
                            <th>Data Inici</th>
                            <th>Data Fi</th>
                            <th>DF</th>
                        </tr>              
                    </thead>
                    <tbody>
                        <tr>
                            <td>010</td>
                            <td>Títol</td>
                            <td>Responsable</td>
                            <td>Minuts</td>
                            <td>Data Inici</td>
                            <td>Data Fi</td>
                            <td>DF</td>
                        </tr>
                        <tr>
                            <td>020</td>
                            <td>Títol</td>
                            <td>Responsable</td>
                            <td>Minuts</td>
                            <td>Data Inici</td>
                            <td>Data Fi</td>
                            <td>DF</td>
                        </tr>
                        <tr>
                            <td>030</td>
                            <td>Títol</td>
                            <td>Responsable</td>
                            <td>Minuts</td>
                            <td>Data Inici</td>
                            <td>Data Fi</td>
                            <td>DF</td>
                        </tr>
                        <tr>
                            <td>040</td>
                            <td>Títol</td>
                            <td>Responsable</td>
                            <td>Minuts</td>
                            <td>Data Inici</td>
                            <td>Data Fi</td>
                            <td>DF</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div id="tab3" class="tab_content">
                <input id="afegirT" type="submit" class="planButton" value="Afegir"/>
                <table id="sortno">
                    <thead>
                        <tr>
                            <th>Nom</th>
                            <th>Cognom1</th>
                            <th>Cognom2</th>
                            <th>Correu</th>
                        </tr>              
                    </thead>
                    <tbody>
                        <tr>
                            <td>Manuel</td>
                            <td>López</td>
                            <td>Escribano</td>
                            <td>mlopez@puntsoft.com</td>
                        </tr>
                        <tr>
                            <td>Jordi</td>
                            <td>Puig</td>
                            <td>Cardedeu</td>
                            <td>jpuig@puntsoft.com</td>
                        </tr>
                        <tr>
                            <td>Maria</td>
                            <td>Cornellà</td>
                            <td>Esplugues</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>


        <?php include 'plantilles/plantillac3p.php'; ?>
        <?php include 'plantilles/plantillac2.php'; ?>
        <div class="tab_container">
            <div id="c3tab1" class="c3tab">
                <h3 class="h3">Accions</h3>
                <form id="accions">
                    <ul id="accionsul" class="ena">
                        <li class="current"><a href="index.php"><img src="images/icones/save.png" class="imageList"  alt="Desa" height="40" width="40" />Actualitza el Projecte</a></li>
                        <li class="current"><a href="index.php"><img src="images/icones/genera.png" class="imageList" alt="Genera" height="40" width="40" />Genera dates en tasques</a></li>
                        <li class="current"><a href="index.php"><img src="images/icones/copia.png" class="imageList" alt="Copia" height="40" width="40" />Copia el projecte</a></li>
                        <li class="current"><a href="index.php"><img src="images/icones/email.png" class="imageList" alt="Notifica" height="40" width="40" />Notifica les tasques per correu</a></li>
                        <li class="current"><a href="index.php"><img src="images/icones/compara.png" class="imageList" alt="Compara" height="40" width="40" />Compara projectes</a></li>
                        <li class="current"><a href="index.php"><img src="images/icones/import.png" class="imageList" alt="Importa" height="40" width="40" />Importa tasques des de fitxer CSV</a></li>
                        <li class="current"><a href="index.php"><img src="images/icones/export.png" class="imageList" alt="Exporta" height="40" width="40" />Exporta el projecte a Google Calendar</a></li>
                        <li class="current"><a href="index.php"><img src="images/icones/arxivar.png" class="imageList" alt="Arxiva" height="40" width="40" />Arxiva / Activa el Projecte</a></li>
                    </ul>
                </form>
            </div>
            <div id="c3tab2" class="c3tab">
                <h3 class="h3">Accions sobre la Tasca</h3>
                <form id="accions">
                    <ul id="accionsul" class="ena">
                        <li class="current"><a href="index.php"><img src="images/icones/save.png" class="imageList"  alt="Desa" height="40" width="40" />Actualitza la tasca</a></li>
                        <li class="current"><a href="index.php"><img src="images/icones/email.png" class="imageList" alt="Notifica" height="40" width="40" />Notifica la tasca per correu</a></li>
                        <li class="current"><a href="index.php"><img src="images/icones/delete.png" class="imageList" alt="Elimina" height="40" width="40" />Elimina la tasca</a></li>
                    </ul>
                </form>
                <h3 class="h3">Detalls de la Tasca</h3>
                <form class="formespai" >
                    <p>
                        <label class="planformL">
                            Codi
                        </label>
                    </p>
                    <p>
                        <label class="planformO">
                            123
                        </label>
                    </p>
                    <p>
                        <label class="planformL">
                            Responsable
                        </label>
                    </p>
                    <p>
                        <select name="responsable" id="responsable" class="planformSelect">
                            <option value="0">Salvador Iniesta</option>
                            <option value="5">Josep Meiràs</option>
                            <option value="7">Eva Sinclair</option>
                        </select> 
                    </p>                    
                    <p>
                        <label class="planformL">
                            Títol
                        </label>
                    </p>
                    <p>
                        <input id="titolTasca" name="titolTasca" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformL">
                            Descripció
                        </label>
                    </p>
                    <p>
                        <textarea id="descripcioTasca" name="descripcioTasca" class="planformIB" rows="4" cols="40">
                        </textarea>
                    </p>
                    <p>
                        <label class="planformL">
                            Durada en minuts
                        </label>
                    </p>
                    <p>
                        <input id="minuts" name="minuts" class="planformI" type="text">
                    </p>
                    <p>
                        <label class="planformDateL">
                            Data Inici
                        </label>                    
                        <label class="planformDateL">
                            Data Fi
                        </label>
                    </p>
                    <p>
                        <input type="text" id="dataIniciTasca" name="dataIniciTasca" class="planformDate">
                        <input type="text" id="dataFiTasca" name="dataFiTasca" class="planformDate">
                    </p>
                    <p>
                        <label class="planformL">
                            Dates fixes?
                        </label>
                    </p>
                    <p>
                        <input type="radio" id="datesFixes1" name="datesFixes" />
                        <label for="datesFixes1">ON</label>
                        <input type="radio" id="datesFixes2" name="datesFixes" checked="checked" />
                        <label for="datesFixes2">OFF</label>
                    </p>
                    <p>
                        <label class="planformL">
                            Finalitzat?
                        </label>
                    </p>
                    <p>
                        <input type="radio" id="finalitzat1" name="finalitzat" />
                        <label for="finalitzat1">NO</label>
                        <input type="radio" id="finalitzat2" name="finalitzat" checked="checked" />
                        <label for="finalitzat2">SÍ</label>
                    </p>
                    <p>
                        <label class="planformL">
                            Valor resultat
                        </label>
                    </p>
                    <p>
                        <input id="valorResultat" name="valorResultat" class="planformI" type="text">
                    </p>

                </form>
            </div>
            <div id="c3tab3" class="c3tab">
                <h3 class="h3">Accions sobre el Participant</h3>
                <form id="accions">
                    <ul id="accionsul" class="ena">
                        <li class="current"><a href="index.php"><img src="images/icones/save.png" class="imageList"  alt="Desa" height="40" width="40" />Actualitza el participant</a></li>
                        <li class="current"><a href="index.php"><img src="images/icones/email.png" class="imageList" alt="Notifica" height="40" width="40" />Notifica tasques per correu</a></li>
                        <li class="current"><a href="index.php"><img src="images/icones/delete.png" class="imageList" alt="Elimina" height="40" width="40" />Elimina el participant</a></li>
                    </ul>
                </form>
                <h3 class="h3">Detall del participant</h3>
                <form class="formespai" >
                    <p>
                        <label class="planformL">
                            Codi
                        </label>
                    </p>
                    <p>
                        <label class="planformO">
                            23
                        </label>
                    </p>
                    <p>
                        <label class="planformL">
                            Responsable
                        </label>
                    </p>
                    <p>
                        <select name="responsable" id="responsable" class="planformSelect">
                            <option value="0">Salvador Iniesta</option>
                            <option value="5">Josep Meiràs</option>
                            <option value="7">Eva Sinclair</option>
                        </select> 
                    </p>   

                </form>
            </div>
        </div>
        <?php include 'plantilles/plantillac2p.php'; ?>
        <?php include 'plantilles/plantillap.php'; ?>
    </body>
</html>
